@media screen and (min-width:641px) and (max-width:1025px){
@charset "utf-8";	

/*首页*/
.header{ display:none;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF; position:relative; z-index:10;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:18px 0 13px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:24px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:15px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:15px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:14px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:14px;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:12px;}
.header_mobile1 .span1{ display:block; height:3px; background:#0073c1; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#0073c1; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#0073c1; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.mobile_nav_search1{ float:left; padding:0 3%; width:80%; height:40px; border:0; font-family:"微软雅黑"; color:#666; font-size:15px; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:14%; background:#0073c1; border:none; outline:none; font-family:"微软雅黑"; color:#FFF; font-size:15px;}

.mySwiper1 {
  width: 100%;
  height: auto;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}
.mySwiper1 .swiper-slide {
  text-align: center;
  font-size: 12px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mySwiper1 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  position: relative; 
  z-index: 1;
}
.swiper-pagination1{ position:absolute; z-index:10; bottom:25px !important;}
.swiper-pagination1 .swiper-pagination-bullet{ width:40px; height:3px; border-radius:0; background:#FFF; outline:none; opacity:1; margin:0 5px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:#327ace; opacity:1;}

.index_title{ display:table;}
.index_title1{ font-size:24px; line-height:34px; color:#000;}
.index_title2{ font-size:14px; font-family:"Arial"; line-height:24px; color:#a1a1a1; margin-top:3px;}

.index1{ width:1300px; margin:0 auto; overflow:hidden; padding:50px 0; max-width:94%;}
.index1_top{ width:100%; overflow:hidden;}
.index1_top .index_title{ text-align:left; float:left;}
.index1_top .more{ float:right; margin-top:22px; display:block; width:70px; height:31px; line-height:31px; background:#327ace; font-size:13px; color:#FFF; border:1px solid #327ace; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_top .more:hover{ background:#FFF; color:#327ace;}
.index1_1{ float:right; overflow:hidden; margin-top:22px; margin-right:15px;}
.index1_1 li{ float:left; overflow:hidden; height:32px; line-height:32px; border-bottom:1px solid #d4d2d2; margin-left:10px; padding:0 5px; font-size:14px; color:#444444; cursor:pointer;}
.index1_1 li.on{ border-bottom:1px solid #327ace; color:#327ace;}

.swiper-container1 {
	width: 100%;
	height: auto;
	display:block;
	position:relative;
	overflow:hidden;
	margin:40px auto 0 auto;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	background: #FFF;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	z-index:10;
}
.swiper-container1 .swiper-slide-active .swiper-slide a{
    pointer-events: auto;
}

.swiper-slide-in{ width:100%; overflow:hidden; position:relative;}
.swiper-container1-in {
	width: 100%;
	margin:0 auto;
	height: auto;
	display:block;
	position:relative;
	overflow:hidden;
}
.swiper-button-next1{ width:40px; height:40px; background:url(../images/index1_3.png) center center no-repeat #c9c9c9; background-size:12px auto; position:absolute; margin-top:0; z-index:10; top:50%; margin-top:-25px; right:0; outline:none; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next1:hover{ background:url(../images/index1_3.png) center center no-repeat #0072c1; background-size:12px auto;}
.swiper-button-prev1{ width:40px; height:40px; background:url(../images/index1_2.png) center center no-repeat #c9c9c9; background-size:12px auto; position:absolute; margin-top:0; z-index:10; top:50%; margin-top:-25px; left:0; outline:none; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev1:hover{ background:url(../images/index1_2.png) center center no-repeat #0072c1; background-size:12px auto;}
.index1_2{ width:100%; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_3{ display:block; overflow:hidden;}
.index1_3 img{ display:block; max-width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_4{ width:90%; text-align:left; height:44px; line-height:44px; padding:0 5%; background:#f8f8f8; color:#191919; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_2:hover .index1_3 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.index1_2:hover .index1_4{ background:#327ace; color:#FFF;}

.index2{ width:100%; overflow:hidden; background:url(../images/index2_bg.jpg) center top no-repeat; background-size:100% 500px; padding:50px 0;}
.index2 .index_title{ margin:0 auto;}
.index2 .index_title1{ color:#FFF;}
.index2 .index_title2{ color:#84b9dc;}

.index2_1{ width:1300px; max-width:94%; overflow:hidden; margin:30px auto 0 auto; font-size:15px; color:#FFF; line-height:25px;}
.index2_2{ width:1300px; max-width:94%; overflow:hidden; margin:30px auto 0 auto;}
.index2_2 li{ float:left; width:calc(16% - 1px); border-right:1px dotted #99c5e3; text-align:left; padding-left:9%;}
.index2_2 li:last-child{ border-right:0;}
.index2_3{ font-size:15px; color:#FFF; line-height:25px;}
.index2_4{ font-size:24px; font-weight:bold; color:#FFF; line-height:34px;}
.index2_4 span{ font-size:15px; font-weight:normal; color:#FFF; line-height:25px;}

.index2 .more{ display:block; margin:40px auto 0 auto; width:100px; height:40px; line-height:40px; font-size:14px; color:#FFF; border:1px solid #FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2 .more:hover{ background:#FFF; color:#327ace;}

.swiper-container2 {
  width: 94%;
  margin:40px 3% 0 3%;
  height: auto;
  overflow:hidden;
}
.swiper-container2 .swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container2 .swiper-slide a{ display:block; width:100%; overflow:hidden; position:relative;}
.swiper-container2 .swiper-slide a img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_5{ position:absolute; bottom:0; left:0; width:90%; padding:0 5%; height:44px; line-height:44px; background:url(../images/index2_6.png) repeat; font-size:15px; color:#333333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_5 span{ display:inline-block; vertical-align:text-top; width:26px; height:26px; background:url(../images/index2_5.png) center center no-repeat #FFF; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-left:5px;}
.swiper-container2 .swiper-slide a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.swiper-container2 .swiper-slide a:hover .index2_5{ background:url(../images/index2_6_on.png) repeat; color:#FFF;}
.swiper-pagination2{ margin-top:40px;}
.swiper-pagination2 .swiper-pagination-bullet{ width:14px; height:14px; background:#aaaaaa; opacity:1; margin:0 10px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-pagination2 .swiper-pagination-bullet-active{ background:#327ace; opacity:1;}

.index3{ width:100%; overflow:hidden; background:#f4f4f4; padding:50px 0;}
.index3 .index_title{ margin:0 auto;}
.index3_1{ display:table; margin:30px auto 0 auto;}
.index3_1 li{ float:left; border:1px solid #e9e9e9; background:#FFF; width:100px; height:40px; line-height:40px; font-size:14px; color:#333; cursor:pointer;}
.index3_1 .li_on{ background:#327ace; border:1px solid #327ace; color:#FFF;}

.swiper-container3 {
  width: 1300px;
  max-width:94%;
  margin:40px auto 0 auto;
  height: auto;
  overflow:hidden;
}
.swiper-container3 .swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index3_2{ width:100%; overflow:hidden;}
.index3_3{ float:left; display:block; width:48.5%; overflow:hidden; position:relative;}
.index3_3 img{ display:block; width:100%; height:310px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_3:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.index3_4{ position:absolute; bottom:0; left:0; background:url(../images/index3_1.png) repeat; width:90%; padding:0 5%; font-size:15px; color:#FFF; height:44px; line-height:44px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index3_5{ float:right; width:48.5%; overflow:hidden;}
.index3_5 li{ float:left; width:100%; overflow:hidden; background:#FFF; margin-top:20px; height:90px;}
.index3_5 li:nth-child(1){ display:none;}
.index3_5 li:nth-child(2){ margin-top:0;}
.index3_5 li a{ display:block; width:100%; overflow:hidden;}
.index3_6{ float:left; width:90px; height:90px; background:#327ace;}
.index3_7{ font-size:22px; font-weight:bold; color:#FFF; line-height:32px; margin-top:18px;}
.index3_8{ font-size:15px; color:#FFF; line-height:25px; margin-top:0;}
.index3_9{ float:left; width:calc(100% - 120px); margin-left:15px; text-align:left; }
.index3_10{ width:100%; overflow:hidden; font-size:15px; line-height:25px; margin-top:20px; color:#333; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_11{ width:100%; overflow:hidden; font-size:14px; line-height:22px; height:22px; margin-top:5px; color:#666666; white-space:nowrap; text-overflow:ellipsis;}
.index3_5 li a:hover .index3_10{ color:#2276d8;}

.index4{ width:100%; overflow:hidden; padding:50px 0;}
.index4_1{ width:1300px; max-width:94%; margin:0 auto; overflow:hidden;}
.index4_1 .index_title{ margin:0 auto;}
.index4_2{ width:100%; font-size:15px; color:#333; line-height:25px; margin-top:30px;}
.index4_1 .more{ display:block; margin:30px auto 0 auto; width:100px; height:40px; line-height:40px; font-size:14px; color:#FFF; border:1px solid #327ace; background:#327ace; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_1 .more:hover{ background:#FFF; color:#327ace;}

.index4_3{ width:100%; overflow:hidden; margin-top:37px; position:relative;}
.index4_3 li{ float:left; width:32.66%; overflow:hidden; margin-top:13px; margin-right:1%; position:relative;}
.index4_3 li:nth-child(3n){ margin-right:0;}
.index4_3 li a{ display:block; width:100%; overflow:hidden; position:relative;}
.index4_3 li a img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_4{ position:absolute; bottom:0; left:0; width:90%; padding:0 5%; height:44px; line-height:44px; font-size:15px; font-weight:bold; color:#FFF; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index4_3 li:nth-child(3n){ margin-right:0;}
.index4_3 li:nth-child(3n+1){ clear:left;}
.index4_3 li:nth-child(5){ margin-top:-6.4%;}
.index4_3 li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.footer{ width:100%; overflow:hidden; background:#024683;}
.footer_top{ width:1300px; max-width:94%; overflow:hidden; padding:30px 0; margin:0 auto;}
.footer_top1{ float:none; overflow:hidden; width:auto; display:table; margin:0 auto; text-align:left;}
.footer_top1_1{ display:block; float:left; width:50px;}
.footer_top1_2{ float:left; width:auto; overflow:hidden; font-size:20px; font-weight:bold; color:#FFF; line-height:30px; margin-top:10px; clear:left;}
.footer_top1_3{ float:left; width:auto; overflow:hidden; font-size:12px; color:#4e7ea8; line-height:22px; font-family:"宋体"; clear:left;}
.footer_top1_4{ float:left; width:auto; overflow:hidden; font-size:20px; font-weight:bold; color:#FFF; font-family:"Arial"; line-height:30px; margin-top:10px; clear:left;}
.footer_top1_4 span{ font-size:14px; font-weight:normal; line-height:24px;}
.footer_top1_5{ float:left; width:100%;}
.footer_top1_5 li{ float:left; width:30px; height:30px; border:1px solid #4b9bd2; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-right:15px; margin-top:15px; position:relative;}
.footer_top1_5 li a{ float:left; display:block; width:30px; height:30px;}
.footer_top1_5 li:nth-child(1){ background:url(../images/footer1.png) center center no-repeat;}
.footer_top1_5 li:nth-child(2){ background:url(../images/footer2.png) center center no-repeat;}
.footer_top1_5 li img{ display:none; width:120px; height:120px; position:absolute; top:-130px; left:-45px;}
.footer_top1_5 li:hover img{ display:block;}
.footer_top2{ display:none;}
.footer_top3{ display:none;}
.footer_bot{ width:100%; overflow:hidden; background:#003c72; border-top:1px solid #5e95d6;}
.footer_bot1{ width:1300px; max-width:94%; margin:0 auto; overflow:hidden; font-size:13px; color:#FFF; text-align:center; line-height:23px; padding:20px 0;}
.footer_bot1 a{ color:#FFF;}
.footer_bot1 a:hover{ text-decoration:underline;}
.footer_bot1 .web{ float:none;}

.piaofu{ display:none;}

.banner{ width:100%; height:300px; overflow:hidden; background-size:auto 300px !important;}
.banner_title{ display:table; margin:120px auto 0 auto;}
.banner_title1{ font-size:24px; font-weight:bold; color:#FFF; line-height:34px;}
.banner_title .line{ width:25px; height:2px; background:#FFF; margin:12px auto 0 auto;}
.banner_title2{ font-size:14px; font-weight:bold; color:#FFF; line-height:24px; margin-top:8px;}

.position{ width:100%; height:50px; background:#eef2f5;}
.position_in{ width:1300px; max-width:94%; margin:0 auto; overflow:hidden;}
.neiye_nav{ display:none;}
.position1{ float:left; background:url(../images/position.png) left center no-repeat; height:50px; line-height:50px; font-size:14px; color:#555555; padding-left:23px;}
.position1 a{ color:#555555;}
.position1 a:hover{ text-decoration:underline;}

/*about*/
.about{ width:1300px; max-width:94%; margin:0 auto; overflow:hidden; padding:50px 0;}
.about_title{ font-size:24px; color:#000; line-height:34px; border-bottom:1px solid #f0f0f0; padding-bottom:30px;}
.about_l{ float:left; width:42%; overflow:hidden; text-align:left; margin-top:50px; font-size:15px; line-height:30px; color:#333;}
.about_l1{ font-size:18px; font-weight:bold; color:#327ace; line-height:28px;}
.about_r{ display:block; float:right; overflow:hidden; width:52.9%; margin-top:50px;}
.about_b{ width:100%; overflow:hidden;}
.about_b li{ float:left; overflow:hidden; width:31.5%; margin-right:2.75%; margin-top:30px;}
.about_b li:nth-child(3n){ margin-right:0;}
.about_b li img{ display:block; width:100%;}

/*equipment*/
.content{ width:1300px; max-width:94%; margin:0 auto; overflow:hidden; padding-top:50px;}
.equipment{ width:100%; overflow:hidden; margin-top:20px;}
.equipment li{ float:left; overflow:hidden; margin-top:30px; margin-right:3%; width:31.33%;}
.equipment li a{ display:block; width:100%; position:relative;}
.equipment li a img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.equipment li:nth-child(3n){ margin-right:0;}
.equipment li:nth-child(3n+1){ clear:left;}
.equipment1{ position:absolute; bottom:0; left:0; width:90%; padding:0 5%; background:url(../images/index2_6.png) repeat; height:44px; line-height:44px; font-size:15px; color:#333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.equipment1 span{ display:inline-block; vertical-align:text-top; width:26px; height:26px; background:url(../images/index2_5.png) center center no-repeat #FFF; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-left:5px;}
.equipment li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.equipment li a:hover .equipment1{ background:url(../images/index2_6_on.png) repeat; color:#FFF;}

.page{ width:1300px; max-width:94%; margin:0 auto; overflow:hidden; padding:40px 0 50px 0;}
.page span{ display:inline-block; height:30px; line-height:30px; padding:0 12px; border:1px solid #999999; font-size:14px; color:#999999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; outline:none; cursor:pointer; margin:10px 2px 0 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a{ display:inline-block; height:30px; line-height:30px; padding:0 12px; border:1px solid #999999; font-size:14px; color:#999999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; outline:none; margin:10px 2px 0 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page span:hover{ background:#327ace; color:#FFF; border:1px solid #327ace;}
.page a:hover{ background:#327ace; color:#FFF; border:1px solid #327ace;}

/*equipmentIn*/
.content_title{ width:100%; overflow:hidden; font-size:24px; color:#333; line-height:34px;}
.content_title1{ width:100%; overflow:hidden; font-size:14px; color:#666666; line-height:24px; margin-top:25px; padding-bottom:25px; border-bottom:1px solid #dedede;}
.content_in{ width:100%; overflow:hidden; font-size:15px; line-height:30px; text-align:left; padding:40px 0;}
.content_in img{ display:block; margin:0 auto; max-width:100%;}
.pageIn{ width:1300px; max-width:94%; margin:0 auto; overflow:hidden; border-top:1px solid #dedede; padding:20px 0 50px 0; position:relative;}
.pageIn1{ float:left; width:calc(100% - 160px); font-size:14px; line-height:24px; color:#333; text-align:left; margin-top:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageIn1 a{ color:#333;}
.pageIn1 a:hover{ text-decoration:underline;}
.return{ position:absolute; top:30px; right:0; width:110px; height:40px; line-height:40px; background:#327ace; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; color:#FFF; font-size:14px;}
.return span{ font-size:17px; font-family:"宋体"; display:inline-block; vertical-align:bottom;}

.relevant{ width:100%; overflow:hidden; background:#f2f1f1; padding:50px 0;}
.relevant_in{ width:1300px; max-width:94%; margin:0 auto; overflow:hidden;}
.relevant1{ width:100%; height:40px; border-bottom:1px solid #d8d8d8;}
.relevant1_1{ float:left; font-size:18px; color:#333; line-height:30px; height:40px; border-bottom:3px solid #327ace;}
.relevant1_2{ float:right; font-size:14px; color:#327ace; line-height:24px; margin-top:5px;}
.relevant1_2:hover{ text-decoration:underline;}
.relevant2{ width:100%; overflow:hidden;}
.relevant2 li{ float:left; overflow:hidden; margin-top:30px; margin-right:3%; width:22.75%;}
.relevant2 li:nth-child(4){ margin-right:0;}
.relevant2 li a{ display:block; width:100%; overflow:hidden; position:relative;}
.relevant2_1{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant2_2{ position:absolute; left:0; bottom:0; width:90%; padding:0 5%; height:34px; line-height:34px; background:url(../images/index2_6.png) repeat; font-size:14px; color:#333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant2_2 span{ display:inline-block; vertical-align:text-top; width:20px; height:20px; background:url(../images/index2_5.png) center center no-repeat #FFF; background-size:auto 9px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-left:5px;}
.relevant2 li a:hover .relevant2_1{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.relevant2 li a:hover .relevant2_2{ background:url(../images/index2_6_on.png) repeat; color:#FFF;}

/*culture*/
.culture{ width:100%; overflow:hidden; padding-top:50px;}
.culture1{ float:left; display:block; width:50%; margin-top:20px;}
.culture2{ float:right; width:47%; overflow:hidden; text-align:left; font-size:15px; color:#000; line-height:26px;}
.culture2_1{ display:inline-block; font-size:18px; line-height:18px; height:30px; font-weight:bold; color:#336bdb; position:relative; margin-top:10px; margin-bottom:5px;}
.culture2_1:after{ content:""; position:absolute; bottom:0; left:0; width:40px; height:2px; background:#327ace;}

/*news*/
.news1{ width:calc(100% - 2px); border:1px solid #dddddd; margin-top:50px; overflow:hidden;}
.news1_1{ float:left; overflow:hidden; width:300px;}
.news1_1 img{ display:block; width:300px; height:200px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news1_1 img:hover{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.news1_2{ float:right; width:calc(94% - 300px); padding:0 3%; text-align:left; overflow:hidden;}
.news1_3{ float:left; max-width:100%; font-size:16px; color:#333; line-height:26px; margin-top:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news1_3:hover{ color:#327ace;}
.news1_4{ float:left; width:100%; font-size:14px; color:#666; line-height:24px; margin-top:5px;}
.news1_5{ float:left; width:100%; font-size:14px; color:#333; line-height:22px; height:44px; overflow:hidden; margin-top:10px;}
.news1_6{ float:left; font-size:14px; color:#FFF; width:100px; height:40px; line-height:40px; background:#327ace; border:1px solid #327ace; display:block; text-align:center; margin-top:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news1_6:hover{ background:#FFF; color:#327ace;}
.news2{ width:100%; overflow:hidden;}
.news2 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eeeeee; padding:30px 0; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2 li a{ display:block; width:94%; overflow:hidden; padding:0 3%;}
.news2_1{ float:left; width:680px; max-width:calc(90% - 140px); overflow:hidden;}
.news2_2{ float:left; width:100%; overflow:hidden; font-size:16px; color:#343434; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2_3{ float:left; width:100%; overflow:hidden; font-size:14px; color:#333333; line-height:22px; height:44px; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2_4{ float:right; width:140px; height:82px; border-left:1px solid #eaeaea; overflow:hidden; background:url(../images/news1_2.png) right center no-repeat; background-size: auto 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2_5{ float:left; font-size:30px; font-weight:bold; color:#327ace; line-height:30px; margin-top:15px; margin-left:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2_6{ float:left; clear:both; font-size:16px; color:#9a9a9a; line-height:16px; margin-top:10px; margin-left:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2 li:hover{ background:#327ace;}
.news2 li:hover .news2_2{ color:#FFF;}
.news2 li:hover .news2_3{ color:#FFF;}
.news2 li:hover .news2_4{ border-left:1px solid #FFF; background:url(../images/news1_2_on.png) right center no-repeat; background-size: auto 20px;}
.news2 li:hover .news2_5{ color:#FFF;}
.news2 li:hover .news2_6{ color:#FFF;}

/*newsIn*/
.relevant3{ width:100%; overflow:hidden; margin-top:25px;}
.relevant3 li{ float:left; overflow:hidden; margin-top:1px; font-size:14px; line-height:24px; padding:3px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant3 li:nth-child(2n-1){ width:50%; background:url(../images/newsIn1.png) left center no-repeat;}
.relevant3 li:nth-child(2n){ width:calc(50% - 1px); border-left:1px dotted #b2b2b2; background:url(../images/newsIn1.png) 30px center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant3 li a{ float:left; color:#666; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:calc(100% - 140px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant3 li span{ float:right; font-family:"Arial"; color:#929292;}
.relevant3 li:nth-child(2n-1) a{ margin-left:10px;}
.relevant3 li:nth-child(2n) a{ margin-left:40px;}
.relevant3 li:nth-child(2n-1) span{ margin-right:30px;}
.relevant3 li:nth-child(2n) span{}
.relevant3 li:nth-child(2n-1):hover{ background:url(../images/newsIn1_on.png) left center no-repeat;}
.relevant3 li:nth-child(2n):hover{ background:url(../images/newsIn1_on.png) 30px center no-repeat;}
.relevant3 li:hover a{ color:#327ace;}
.relevant3 li:hover span{ color:#327ace;}

/*pro*/
.pro{ width:100%; overflow:hidden; margin-top:20px;}
.pro li{ float:left; overflow:hidden; margin-right:2%; width:32%; margin-top:30px;}
.pro li:nth-child(3n){ margin-right:0;}
.pro li:nth-child(3n+1){ clear:left;}
.pro li a{ display:block; width:100%; overflow:hidden;}
.pro1{ width:100%; overflow:hidden;}
.pro1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro2{ width:90%; padding:0 5%; height:44px; line-height:44px; background:#f8f8f8; text-align:left; font-size:15px; color:#333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pro li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.pro li a:hover .pro2{ background:#327ace; color:#FFF;}

/*proIn*/
.relevant4{ width:100%; overflow:hidden;}
.relevant4 li{ float:left; overflow:hidden; margin-right:3%; width:22.75%; margin-top:30px;}
.relevant4 li:nth-child(4){ margin-right:0;}
.relevant4 li a{ display:block; width:100%;}
.relevant4_1{ width:100%; overflow:hidden;}
.relevant4_1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant4_2{ width:90%; padding:0 5%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; height:40px; line-height:40px; font-size:14px; color:#333; background:#f8f8f8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant4 li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.relevant4 li a:hover .relevant4_2{ background:#327ace; color:#FFF;}

.proIn_l{ float:left; display:block; width:48.5%;}
.proIn_r{ float:right; width:48.5%; overflow:hidden; text-align:left;}
.proIn_r1{ float:left; width:100%; overflow:hidden; font-size:24px; color:#000; line-height:34px;}
.proIn_r2{ float:left; width:100%; overflow:hidden; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin-top:25px; font-size:15px; color:#5e5e5e; line-height:30px; padding:20px 0;}
.proIn_r3{ float:left; width:100%; overflow:hidden;}
.proIn_r3 a{ float:left; display:block; width:100px; height:40px; line-height:40px; border:1px solid #327ace; background:#327ace; text-align:center; margin-top:30px; margin-right:20px; font-size:14px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.proIn_r3 a:hover{ background:#FFF; color:#327ace;}
.proIn1{ float:left; width:100%; overflow:hidden; margin-top:50px; background:#f2f2f2; height:50px;}
.proIn1 span{ float:left; display:block; border-left:1px solid #dedede; border-right:1px solid #dedede; border-top:2px solid #327ace; width:120px; height:48px; line-height:48px; font-size:15px; font-weight:bold; color:#327ace; background:#FFF;}
.proIn2{ float:left; width:100%; overflow:hidden; font-size:15px; color:#000; text-align:left; line-height:30px; padding:40px 0;}
.proIn2 img{ display:block; margin:0 auto; max-width:100%;}

/*client*/
.client{ width:100%; overflow:hidden; text-align:left; font-size:15px; color:#333; line-height:30px; margin-top:40px;}
.client1{ margin-top:0;}

/*recruit*/
.recruit3{ float:none; width:1300px; max-width:94%; margin:0 auto; margin-top:50px; overflow:hidden;}
.recruit3_1{ float:left; width:100%; overflow:hidden; line-height:20px; background:#3a8bdd; text-align:center; font-size:15px; color:#FFF; padding:15px 0;}
.recruit3_2{ float:left; width:30%; padding:0 1%;}
.recruit3_3{ float:left; width:12%; padding:0 1%;}
.recruit3_4{ float:left; width:18%; padding:0 1%;}
.recruit3_5{ float:left; width:14%; padding:0 1%;}
.recruit3_6{ float:left; width:10%; padding:0 1%;}

.recruit4{ float:left; width:100%; overflow:hidden;}
.recruit4 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.recruit4_1{ float:left; width:100%; overflow:hidden; text-align:center; font-size:15px; color:#999999; cursor:pointer;}
.recruit4_2{ float:left; width:30%; padding:20px 1%; text-align:left; line-height:20px;}
.recruit4_3{ float:left; width:12%; padding:20px 1%; line-height:20px;}
.recruit4_4{ float:left; width:18%; padding:20px 1%; line-height:20px;}
.recruit4_5{ float:left; width:14%; padding:20px 1%; line-height:20px;}
.recruit4_6{ float:left; width:10%; padding:20px 1%; line-height:20px;}
.recruit4_7{ float:left; width:6%; height:60px; background:url(../images/recruit3.jpg) center center no-repeat; background-size:auto 10px; cursor:pointer;}

/*recruitIn*/
.recruitIn{ display:block; width:100px; height:40px; line-height:40px; border:1px solid #327ace; margin:40px auto 0 auto; overflow:hidden; background:#327ace; text-align:center; font-size:14px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.recruitIn:hover{ background:#FFF; color:#327ace;}

/*contact*/
.contact{ width:100%; overflow:hidden; padding:50px 0 50px 0;}
.contact1{ float:left; width:calc(94% - 391px); overflow:hidden; text-align:left;}
.contact1_1{ float:left; width:100%; overflow:hidden; font-size:15px; color:#327ace; line-height:25px;}
.contact1_2{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#327ace; line-height:34px; margin-top:5px; font-family:"Arial";}
.contact1_3{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.contact1_3 li{ float:left; width:calc(100% - 23px); padding-left:23px; overflow:hidden; font-size:15px; color:#666666; line-height:30px;}
.contact1_3 li:nth-child(1){ background:url(../images/contact3.png) 1px 9px no-repeat;}
.contact1_3 li:nth-child(2){ background:url(../images/contact4.png) left 10px no-repeat;}
.contact1_3 li:nth-child(3){ background:url(../images/contact5.png) 2px 8px no-repeat;}
.contact2{ float:right; display:block; margin-top:30px; margin-right:3%;}
.contact3{ float:right; width:199px; border-left:1px solid #e5e5e5;}
.contact3_1{ float:right; width:168px; height:168px; border:1px solid #d2d2d2;}
.contact3_1 img{ display:block; width:90%; margin:5%;}
.contact3_2{ float:right; width:170px; text-align:center; font-size:14px; color:#656565; line-height:24px; margin-top:5px;}

.map{ width:100%; height:300px;}
.map_blank{ width:100%; height:50px; clear:both;}

}